<template>
  <view class="left-window-style">
    <view class="second-menu">
      <!-- <keep-alive> -->
      <component v-bind:is="activeComponent"></component>
      <!-- </keep-alive> -->
    </view>
  </view>
</template>

<script>
import vuex from '@/pages/tab-bar/vuex'
import nvue from '@/pages/tab-bar/nvue'
import uniPlugin from '@/pages/tab-bar/uni-plugin'
import uniComponent from '@/pages/tab-bar/uni-component'
import {mapState} from 'vuex'

export default {
  components:{
    vuex, nvue, uniPlugin, uniComponent
  },
  computed: {
    ...mapState({
      activeComponent: state => state.leftActiveComponent
    })
  },
}
</script>

<style scoped>
.left-window-style {
  min-height: calc(100vh - var(--top-window-height));
  background-color: #f8f8f8;
}

.second-menu {
  width: 350px;
  background-color: #F8F8F8;
}
</style>
